/* 颜色相关
-------------------------- */
// 主要颜色
$primary-color: #409EFF;
// 成功颜色
$success-color: #67C23A;
// 警告颜色
$warning-color: #E6A23C;
// 错误颜色
$danger-color: #F56C6C;
// 说明颜色
$info-color: #909399;
// 黑色
$black-color: #000000;
// 白色
$white-color: #FFFFFF;

/* 文字相关
-------------------------- */
// 主要颜色
$text-primary-color: #303133;
// 常规颜色
$text-regular-color: #606266;
// 次要颜色
$text-secondary-color: #909399;
// 占位颜色
$text-placeholder-color: #C0C4CC;

// 大号字体
$font-large-size: 18px;
// 主要字体
$font-base-size: 14px;
// 中号字体
$font-medium-size: 13px;
// 小号字体
$font-small-size: 12px;
// 超小号字体
$font-extra-small-size: 10px;

// 字体类型
$font-weight-primary: 500;
// 字体加粗类型
$font-weight-blod: 700;

/* 边框颜色相关
-------------------------- */
// 一级边框
$border-base-color: #DCDFE6;
// 二级边框
$border-light-color: #E4E7ED;
// 三级边框
$border-lighter-color: #EBEEF5;
// 四级边框
$border-extra-light-color: #F2F6FC;

/* 背景颜色相关
-------------------------- */
// 白色
$background-white: #FFFFFF;
// 黑色
$background-black: #000000;
// 透明色
$background-transparent: Transparent;

/* Button相关
-------------------------- */
// 按钮文字粗细
$button-font-weight: $font-weight-primary;

// 按钮文字大小
$button-font-size: $font-small-size;
// 按钮垂直padding
$button-padding-vertical: 8px;
// 按钮水平padding
$button-padding-horizontal: 16px;
// 按钮圆角
$button-border-radius: 4px;

// 大号 按钮文字大小
$button-large-font-size: $font-base-size;
// 大号 按钮垂直padding
$button-large-padding-vertical: 10px;
// 大号 按钮水平padding
$button-large-padding-horizontal: 20px;
// 大号 按钮圆角
$button-large-border-radius: 4px;

// 按钮默认背景颜色
$button-default-background-color: $background-white;
// 按钮默认边框颜色
$button-default-border-color: $border-base-color;
// 按钮默认文字颜色
$button-default-font-color: $text-regular-color;

// 按钮主要背景颜色
$button-primary-background-color: $primary-color;
// 按钮主要边框颜色
$button-primary-border-color: $primary-color;
// 按钮主要文字颜色
$button-primary-font-color: $white-color;

// 按钮成功背景颜色
$button-success-background-color: $success-color;
// 按钮成功边框颜色
$button-success-border-color: $success-color;
// 按钮成功文字颜色
$button-success-font-color: $white-color;

// 按钮警告背景颜色
$button-warning-background-color: $warning-color;
// 按钮警告边框颜色
$button-warning-border-color: $warning-color;
// 按钮警告文字颜色
$button-warning-font-color: $white-color;

// 按钮说明背景颜色
$button-info-background-color: $info-color;
// 按钮说明边框颜色
$button-info-border-color: $info-color;
// 按钮说明文字颜色
$button-info-font-color: $white-color;

// 按钮危险背景颜色
$button-danger-background-color: $danger-color;
// 按钮危险边框颜色
$button-danger-border-color: $danger-color;
// 按钮危险文字颜色
$button-danger-font-color: $white-color;

// 按钮禁用背景颜色
$button-disabled-background-color: $background-white;
// 按钮禁用边框颜色
$button-disabled-border-color: $border-base-color;
// 按钮禁用文字颜色
$button-disabled-font-color: $text-secondary-color;

// 面包屑
// 字体大小
$breadcrumb-font-size: $font-base-size;
// 字体默认
$breadcrumb-default-font-weight: $font-weight-primary;
// 字体加粗
$breadcrumb-blod-font-weight: $font-weight-blod;
// 字体默认颜色
$breadcrumb-default-font-color: $text-primary-color;
// 字体选中颜色
$breadcrumb-select-font-color: $primary-color;
// 分隔符左右距离
$breadcrumb-margin-horizontal: 8px;
